<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/dialog.css">
</head>

<body>
  <!-- ulolli.css -->
  <!-- <ul>
    <li>3213213</li>
    <li>3213213</li>
    <li>3213213</li>
    <li>3213213</li>
  </ul>
  <ol>
    <li>3213213</li>
    <li>3213213</li>
    <li>3213213</li>
    <li>3213213</li>
  </ol> -->

  <!-- border.css -->
  <!-- <div class="shadow"></div> -->

  <!-- bg-postion.css -->
  <!-- <div class="bg-postion"></div> -->

  <!-- background.css -->
  <!-- <div class="background"></div> -->

  <!-- Shape.css -->
  <!-- <div class="shape">
    <div>111</div>
  </div> -->
  <!-- vision.css -->
  <!-- <div class="vision">是非得失范德萨范德萨发</div> -->

  <!-- groundGlass.css -->
  <!-- <main>
    <blockquote>
      "The only way to get rid of a temptation
      The only way to get rid of a temptation
      The only way to get rid of a temptation
      The only way to get rid of a temptation
      The only way to get rid of a temptation"
      The only way to get rid of a temptation
      The only way to get rid of a temptation
      <footer>－
        <cite>
          Oscar Wilde,
          The Picture of Dorian Gray
        </cite>
      </footer>
    </blockquote>
  </main> -->
  <!-- bevel.css -->
  <!-- <div class="bevel"></div> -->

  <div class="myRem">
    我是一个好人
    <section>
      我是一个好人
      <p>
        我是一个好人
        <span>我是一个好人</span>
      </p>
    </section>
  </div>
  <!-- <div class="bevel">
    The only way to get rid of a temptation
    The only way to get rid of a temptation
    The only way to get rid of a temptation
    The only way to get rid of a temptation
    The only way to get rid of a temptation
  </div> -->
  <!-- <div class="text">
    The only way to get rid of a temptation
    The only way to get rid of a temptation
    The only way to get rid of a temptation
    The only way to get rid of a temptation
    The only way to get rid of a temptation
  </div> -->
  <!-- <pre class="tab">
    &amp;
    <code>
      <code>function preview(fang)</code>
      {
        <code>if (fang < 10){ bdhtml=window.document.body.innerHTML;</code>
        eprnstr="
        prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); 
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
        window.document.body.innerHTML=prnhtml;
        window.print();
        window.document.body.innerHTML=bdhtml;
        } else {
        window.print();
        }
        }
      </code>
      fi
  </pre> -->
  <!-- <div class="checkbox">
    <input type="checkbox" id="awesome" />
    <label for="awesome">Awesome!</label>
  </div> -->


  <main>Bacon Ipsum dolor sit amet...</main>
  <dialog>
    O HAI, I'm a dialog. Click on me to dismiss.
  </dialog>
</body>

</html>